@import '../../css/base.scss';
$height: 120;
.footer-bar-panel, .footer-bar-shift {
    width: 100%;
    height: p2rm($height);
}
.footer-bar-panel {
    position: fixed;
    bottom: 0;
    background: #f9f9f9;
    ul {
        width: 100%;
    }
    li {
        float: left;
        width: 25%;
    }
    a {
        display: block;
        margin: 0 auto;
        padding-top: p2rm(25);
        width: p2rm(120);
        height: p2rm($height);
        line-height: p2rm(56);
        font-size: p2rm(20);
        color: #333333;
        text-align: center;
    }
    .icon {
        display: block;
        width: 100%;
        height: p2rm(40);
    }
    .icon-home {
        background: url(/css/i/icon-home.svg) no-repeat center 0;
    }
    .icon-home-dark {
        background: url(/css/i/icon-home-dark.svg) no-repeat center 0;
    }
    .icon-cart {
        background: url(/css/i/icon-cart.svg) no-repeat center 0;
    }
    .icon-cart-dark {
        background: url(/css/i/icon-cart-dark.svg) no-repeat center 0;
    }
    .icon-order {
        background: url(/css/i/icon-order.svg) no-repeat center 0;
    }
    .icon-order-dark {
        background: url(/css/i/icon-order-dark.svg) no-repeat center 0;
    }
    .icon-user {
        background: url(/css/i/icon-user.svg) no-repeat center 0;
    }
    .icon-user-dark {
        background: url(/css/i/icon-user-dark.svg) no-repeat center 0;
    }
}